{% extends "style/base/base.html" %}
{% load staticfiles %}
{% block content %}
     <!-- Main content -->
    <section class="content">
      <!-- 信息显示 -->
      <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12">
          <!-- info box -->
          <div class="info-box">
              <span class="info-box-icon bg-aqua">
                  <i class="ion ion-ios-people-outline"></i>
              </span>
              <div class="info-box-content">
                <span class="info-box-text">今日增加</span>
                <span class="info-box-num">12</span>
              </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
        <!-- info box -->
          <div class="info-box">
            <span class="info-box-icon bg-red">
              <i class="ion ion-ios-calendar"></i>
            </span>
            <div class="info-box-content">
              <span class="info-box-text">今日预约</span>
              <span class="info-box-num">12</span>
            </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
        <!-- info box -->
          <div class="info-box">
            <span class="info-box-icon bg-green">
              <i class="ion ion-card"></i>
            </span>
            <div class="info-box-content">
              <span class="info-box-text">今日开卡</span>
              <span class="info-box-num">12</span>
            </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
        <!-- info box -->
          <div class="info-box">
            <span class="info-box-icon bg-yellow">
              <i class="ion ion-android-happy"></i>
            </span>
            <div class="info-box-content">
              <span class="info-box-text">今日到店</span>
              <span class="info-box-num">12</span>
            </div>
          </div>
        </div>
      </div>
      <!-- /.row -->
      <!-- Main row -->
      <hr>
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-6 connectedSortable">

            <div class="box box-warning box-solid">
                <div class="box-header with-border">
                    <h3 class="box-title">Collapsable</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                        </button>
                    </div>
                    <!-- /.box-tools -->
                </div>
                <!-- /.box-header -->
                <div class="box-body" style="display: block;">
                    The body of the box
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->


        </section>
        <!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-6 connectedSortable">

            <div class="box box-warning box-solid">
                <div class="box-header with-border">
                    <h3 class="box-title">Collapsable</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                        </button>
                    </div>
                    <!-- /.box-tools -->
                </div>
                <!-- /.box-header -->
                <div class="box-body" style="display: block;">
                    The body of the box
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->


        </section>
        <!-- right col -->
      </div>
      <!-- /.row (main row) -->
    </section>
    <!-- /.content -->

  <!-- /.content-wrapper -->
  <!-- footer -->
  {% endblock content %}


<!-- ./wrapper -->
{% block script %}
    {{ block.super }}
    <!-- jQuery UI 1.11.4 -->
<script src="{% static "plugins/jQueryUI/jquery-ui.min.js" %}"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
{% endblock script %}

<!-- Morris.js charts --
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="plugins/morris/morris.min.js"></script>
-->
<!-- Sparkline --
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
-->
<!-- jvectormap --
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
-->
<!-- jQuery Knob Chart --
<script src="plugins/knob/jquery.knob.js"></script>
-->
<!-- daterangepicker -->
<script src="{% static "plugins/moment.js/2.11.2/moment.min.js" %}"></script>
{#<script src="plugins/daterangepicker/daterangepicker.js"></script>#}
<!-- datepicker -->
{#<script src="plugins/datepicker/bootstrap-datepicker.js"></script>#}
<!-- Bootstrap WYSIHTML5 -->
{#<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>#}
<!-- Slimscroll -->
{#<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>#}
<!-- FastClick --
<script src="plugins/fastclick/fastclick.js"></script>
-->
<!-- AdminLTE App -->
<script src="{% static 'adminlte/js/app.min.js' %}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
{#<script src="dist/js/pages/dashboard.js"></script>#}
<!-- AdminLTE for demo purposes -->
{#<script src="dist/js/demo.js"></script>#}

